<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <header>
            <ul>
                <li>全部分类</li>
                <li>美团外卖</li>
                <li>猫眼电影</li>
                <li>美团外卖</li>
                <li>民宿/公寓</li>
                <li>商家入驻</li>
                <li>美团公益</li>
            </ul>
        </header>
        <main>
            <div class="left">
                <ol>
                    <li>美食<span>></span></li>
                    <li>外卖<span>></span></li>
                    <li>酒店<span>></span></li>
                    <li>民宿<span>></span></li>
                    <li>猫眼电影<span>></span></li>
                    <li>机票/火车票<span>></span></li>
                    <li>休闲娱乐/KTV<span>></span></li>
                    <li>生活服务<span>></span></li>
                    <li>丽人/美发/医学美容<span>></span></li>
                    <li>结婚/婚纱摄影/婚宴<span>></span></li>
                    <li>亲子/儿童乐园/幼教<span>></span></li>
                    <li>运动健身/健身中心<span>></span></li>
                    <li>家装/建材/家居<span>></span></li>
                    <li>学习培训/音乐培训<span>></span></li>
                    <li>医疗健康/宠物/爱车<span>></span></li>
                    <li>酒吧/密室逃脱<span>></span></li>
                </ol>
            </div>
            <div class="right">
                <div class="img1">
                    <img src="7aa4f2295cec52541eb7078ee1c58066.jpg" alt="" class="image1">
                    <img src="82598e533cad432fcc4f198bd7292ff7.jpg" alt="" class="image2">
                </div>
                <div class="img2">
                    <img src="852d3fbb909feb233746a645a0e41fb1.jpg" alt="" class="image3">
                    <img src="b01e64d68f438aab442d41c901d38826.jpg" alt="" class="image4">
                    <img src="b1ec836756ef19e7d1a580b6d781cbea.jpg" alt="" class="image5">
                </div>
            </div>
        </main>
        <div class="bottom">
            <ul>
                <li>猫眼电影</li>
                <li>正在热映</li>
                <li>即将上映</li>
            </ul>
            <img src="7aa4f2295cec52541eb7078ee1c58066.jpg" alt="">
            <img src="82598e533cad432fcc4f198bd7292ff7.jpg" alt="">
            <img src="852d3fbb909feb233746a645a0e41fb1.jpg" alt="">
            <img src="b01e64d68f438aab442d41c901d38826.jpg" alt="">
            <img src="b1ec836756ef19e7d1a580b6d781cbea.jpg" alt="">
        </div>
    </div>
</body>
</html>